<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="../../../../common/header.jsp"%>
<html>
<head>
<title>article-list</title>
<script type="text/javascript" src="../../../../js/retina.js"></script>

<script type="text/javascript" src="../../../../js/selectnav.js"></script>
<script type="text/javascript" src="../../../../js/jquery.masonry.min.js"></script>

<script type="text/javascript" src="../../../../js/home.index.js"></script>

<!--设置背景图片  -->
<script type="text/javascript" src="../../../../js/jquery.backstretch.min.js"></script>
<script type="text/javascript">
	/* 设置背景图片 */
	$.backstretch("../../../../images/bg2.jpg");
</script>
</head>
<body>

<!-- Begin Wrapper -->
<div class="wrapper">

<!-- Begin Intro -->
<div class="intro">

欢迎进入<b>${homeName }</b>的个人网站.<br/>
生活赋予我们一种巨大的和无限高贵的礼品，这就是青春：充满着力量，充满着期待志愿，充满着求知和斗争的志向，充满着希望信心和青春。 —— 奥斯特洛夫斯基 </div>
<ul class="social">
<li><a class="rss" href="#"></a></li><li><a class="facebook" href="#"></a></li>
<li><a class="twitter" href="#"></a></li><li><a class="pinterest" href="#"></a></li>
<li><a class="dribbble" href="#"></a></li><li><a class="flickr" href="#"></a></li>
<li><a class="linkedin" href="#"></a></li></ul>
<!-- End Intro --> 

<!-- Begin Blog Grid -->
<div class="blog-wrap">
	<!-- Begin Blog -->
	<div class="blog-grid">
	
		<c:forEach items="${articleList }" var="article">	
	 		<!-- Begin Standard Format -->
	 		<div class="post format-standard box delete-article"> <!-- delete-article删除用 -->
	 			<div class="content">
	 			<span class="delete" onclick=javascript:alert("ss")></span>
					<h2 class="title"><a href="#">${article.articleTitle }</a></h2>
						${article.articleContent }
					<blockquote>
						<cite>引用....</cite>
					</blockquote>
				</div>
				<div class="details">
					<span class="icon-quote">${article.createTime }</span>
					<span class="likes"><a href="#" class="likeThis">11</a></span>
					<a href="#"><span class="comments">0</span></a>
				</div>
			</div>
			<!-- End Standard Format --> 	
		</c:forEach>
 	
 	</div>
	<!-- End Blog -->
</div>
<!-- End Blog Grid -->

<!-- Begin Page-navi -->
    <div id="navigation">
      <div class="nav-previous"><a href="#" ><span class="meta-nav-prev">&larr; Older posts</span></a></div>
      <!-- 
			<div class="nav-next"><a href="#" ><span class="meta-nav-next">Newer posts &rarr;</span></a></div>
			 --> 
    </div>
    <!-- End Page-navi --> 

</div>
<!-- End Wrapper -->


</body>
</html>
<%@ include file="../../../../common/footer.jsp"%>